<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
	<div class="container">
		<!-- 在前面添加 -->
		<div class="input-group input-group-lg">
			<span class="input-group-addon">@</span>
			<input type="text" class="form-control" placeholder="UserName" name="">
		</div>
		<!-- 在后面添加 -->
		<div class="input-group">
			<input type="text" class="form-control" name="">
			<span class="input-group-addon">.00</span>
		</div>
		<!-- 前后均添加 -->
		<div class="input-group input-group-sm">
			<span class="input-group-addon">$</span>
			<input type="text" class="form-control" name="">
			<span class="input-group-addon">.00</span>
		</div>
	</div>

	<!-- 额外添加单选框、多选框、按钮、下拉菜单 -->
	<div class="row">
		<div class="col-lg-6">
			<div class="input-group">
				<span class="input-group-addon">
					<input type="checkbox" name="">
				</span>
				<input type="text" class="form-control" name="">
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-6">
			<div class="input-group">
				<span class="input-group-addon">
					<input type="radio" name="">
				</span>
				<input type="text" class="form-control" name="">
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-6">
			<div class="input-group">
				<span class="input-group-btn">
					<button class="btn btn-default" type="button">Go!</button>
				</span>
				<input type="text" class="form-control" name="">
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-6">
			<div class="input-group">
				<div class="input-group-btn">
					<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action
						<span class="caret"></span>
					</button>
					<ul class="dropdown-menu" role="menu">
						<li><a href="#">Hello</a></li>
						<li><a href="#">Hello</a></li>
						<li><a href="#">Hello</a></li>
						<li><a href="#">Hello</a></li>
					</ul>
				</div>
				<input type="text" class="form-control" name="">
			</div>
		</div>
	</div>

<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>